<div class="header-panel shadow-z-2">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-4 col-xs-12 site-info-area">
            <div class="row-picture">
              <img id="about" class="logo-img" src="{{ site.logo }}" height="75px" width="75px">
            </div>
            <div class="row-details">
              <h4 class="list-group-item-heading">{{ site.author }}</h4>
              <p class="list-group-item-text">{{ site.post_author }} - {{ site.description }}</p>
              {% include social_links.html %}
            </div>
            <div class="navbar-header pull-right">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-2x fa-bars"></i>
              </button>
            </div>
          </div>
          <div class="col-md-9 col-sm-8 col-xs-12">
          <div class="row">
            <h2 class="blog-title-pro {% if site.allowsearch ==  true %}col-md-6 col-sm-12 col-xs-12 {% endif %}">
              {% if page.display_title %}{{ page.display_title }}{% else %}{{ page.title }}{% endif %}
            </h2>
            {% if site.allowsearch ==  true %}
            <div class="col-md-6 col-sm-12 col-xs-12 searchcontrol" id="js-search">
               <input class="form-control" type="text" id="search-input" placeholder="搜索">
               <ul class="search__results" id="results-container"></ul>
                   {% if site.allowsearch ==  true %}
                       <script src="{{ site.baseurl }}/static/js/super-search.js"></script>
                   {% endif %}
                <script type="text/javascript">
                    SimpleJekyllSearch({
                      searchInput: document.getElementById('search-input'),
                      resultsContainer: document.getElementById('results-container'),
                      json: '{{ site.baseurl }}/search.json',
                      searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}</a></li>',
                      noResultsText: 'No results found',
                      limit: 10,
                      fuzzy: false,
                      exclude: ['Welcome']
                    })
                  </script>
            </div>
            {% endif %}
            </div>
            <p class="info">
              {% if page.date %}
                <span class="time">{{ page.date | date: "%Y-%m-%d %H:%M" }}</span>
              {% endif %}
              {% if page.categories.size > 0 %}
                <span class="categories">
                  {% for category in page.categories %}
                    <a href="{{ site.baseurl }}/category/{{ category }}">{{ category }}</a>
                    {% if forloop.last == false %}, {% endif %}
                  {% endfor %}
                </span>
              {% endif %}
            </p>
          </div>
        </div>
      </div>
    </div>
